import React from "react";

// 插槽是用props.children来接受
// react的插槽和vue一样的，也可以插入文本，标签和组件
// class Child extends React.Component {
//   render() {
//     console.log(this);
//     return (
//       <div className="child">
//         <div>这是child子组件</div>
//         {this.props.children}
//       </div>
//     );
//   }
// }

const Child = (props) => {
  return (
    <div className="child">
      <div>这是child子组件</div>
      {props.children}
    </div>
  );
};

const App = () => {
  return (
    <>
      <h2>插槽</h2>
      <Child>
        <p>插槽内容</p>
      </Child>
    </>
  );
};

export default App;
